<template>
  <div class="flights_list">
    <div class="flights_list_title">
      <span>航空信息</span>
      <span>起飞时间</span>
      <span>到达时间</span>
      <span>价格</span>
    </div>
    <div class="flights_list_content">
      <FlightItem
      v-for="item in flightList"
      :key="item.id"
      :flight=item
      ></FlightItem>
    </div>
  </div>

</template>

<script>
export default {
  props:["flightList"]
};
</script>

<style lang="less" scoped>
.flights_list{
  .flights_list_title{
    height: 35px;
    background-color: #f6f6f6;
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: space-around;
    color:#666;
    font-size: 13px;
    margin: 10px 0;
  }
  .flights_list_content{
  
  }
}
</style>